#headerBar
	width 100%
	height 60px
	background #fff
	top 60px
	z-index 0
	.container
		display flex
		justify-content space-between
		color #707473
		line-height 60px
		.others
			display flex
			>a
				display block
				color #fff
				background #f26444
				height 30px
				line-height 30px
				padding 2px 18px
				position relative
				top 13px
				border-radius 6px
				font-size 14px
			.left
				a
					line-height 60px
					color #707473
					font-size 14px
					font-weight 300
					margin-right 50px
					&:hover
						color #f26444
		.title
			font-weight 300
			font-size 18px
		.iconfont
			font-size 12px
			transition all .4s
	a:hover
		color #f26444
.beFixed
	position fixed
	z-index 100!important
	top 0px!important
@media (max-width: 600px)
	#headerBar
		.container
			position relative
			.others
				.left
					position absolute
					left 0px
					top 60px
					width 100%
					padding 0 15px
					box-sizing border-box
					background #1f2025
					overflow hidden
					max-height 0px
					transition all .4s
					a
						display block
						line-height 60px
						border-bottom 1px solid rgba(255,255,255,.2)
						margin 0px
						color #fff
						font-size 16px
				>a
					font-size 13px
				.open
					max-height 1000px
			.title
				font-size 13px
			.beClicked
				transform rotate(180deg)